<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>你好菜管理后台</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href="https://cdn.bootcss.com/normalize/8.0.0/normalize.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/iCheck/1.0.2/skins/square/_all.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/select2/4.0.3/css/select2.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/admin-lte/2.3.11/css/AdminLTE.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/admin-lte/2.3.11/css/skins/_all-skins.min.css" rel="stylesheet">
    <!-- Ionicons -->
    <link href="https://cdn.bootcss.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
    @yield('css')
</head>
<style>
    .skin-blue .main-header .navbar {
        background-color: #fff;
    }

    .el-upload__input {
        display: none !important;
    }

    .skin-blue .main-header .logo {
        background-color: #34CA2D;
        color: #fff;
        border-bottom: 0 solid transparent;
    }

    .skin-blue .main-header .logo  {
        background-color: #34CA2D;
        color: #fff;
        border-bottom: 0 solid transparent;
    }

    .skin-blue .main-header .logo:hover {
        background-color: #34CA2D;
        color: #fff;
    }

    .main-header .logo {
        transition: width .3s ease-in-out;
        display: block;
         float: left;
        height: 50px;
        font-size: 20px;
        line-height: 50px;
         text-align: left;
        width: 230px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 0 15px;
        font-weight: 300;
         overflow: hidden;
    }

    .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
        padding-top: 0px!important;
        background-color: #393842;
    }
    .skin-blue .sidebar-menu>li .treeview-menu {
        background: #232228;
    }
    .sidebar-menu .treeview-menu>li {
        height:44px;
        line-height: 34px;
        color: #FFFFFF;
    }
    .sidebar-menu .treeview-menu>li>a {
        padding-left: 15px;
    }
    .sidebar-menu .treeview-menu>li > a:hover {
        color: #ffffff;
        background: #285ED2;
    }

    .sidebar-menu .treeview-menu > li.active > a {
        color: #ffffff;
        background: #285ED2;
    }

    .skin-blue .sidebar a {
        color: #999999;
    }

    .skin-blue .sidebar-menu > li.active > a {
        color: #ffffff;
        background: #3F7DFF;
    }

    .skin-blue .sidebar-menu > li > a:hover {
        color: #ffffff;
        background: #3F7DFF;
    }

    .skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
        color: #ffffff;
    }

    .user-panel{
        height:140px;
        background: #232228;
    }
    .user-panel>.image>img {
        width: 100%;
        max-width: 60px;
        height: auto;
        margin: 10px;
    }
    .btn-primary {
        background-color: #3385FF;
        border-color: #3385FF;
    }

    .btn-danger {
        background-color: #E9361F;
        border-color: #E9361F;
    }

    .content-wrapper, .right-side {
        padding-bottom: 41px;
        min-height: 100%;
        background-color: #f4f4f4;
        z-index: 800;
    }

    .box.box-primary {
        border-top-color: #3385FF;
    }

    .table > thead > tr > th {
        border-bottom: 1px solid #f4f4f4;
    }

    .main-footer {
        background: #fff;
        padding: 15px;
        color: #444;
        border-left: 1px solid #f0f0f0;
    }

    /* element.style {
        margin-top: -5px;
        margin-bottom: 10px;
    } */

    .table > thead > tr > th  {
        border-bottom: 1px solid #f4f4f4;
    }

</style>

<body class="skin-blue sidebar-mini">
@yield('below_body')
@if (!Auth::guard('admin')->guest())
    <div class="wrapper">
        <!-- Main Header -->
    {{--<header class="main-header">--}}

    <!-- Logo -->
    {{--<a href="#" class="logo">--}}
    {{--<b>HelloGreens</b>--}}
    {{--</a>--}}

    <!-- Header Navbar -->
    {{--<nav class="navbar navbar-static-top" role="navigation">--}}
    <!-- Sidebar toggle button-->
    {{--<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">--}}
    {{--<span class="sr-only">Toggle navigation</span>--}}
    {{--</a>--}}
    <!-- Navbar Right Menu -->
    {{--<div class="navbar-custom-menu">--}}
    {{--<ul class="nav navbar-nav">--}}
    {{--<!-- User Account Menu -->--}}
    {{--<li class="dropdown user user-menu">--}}
    {{--<!-- Menu Toggle Button -->--}}
    {{--<a href="#" class="dropdown-toggle" data-toggle="dropdown">--}}
    {{--<!-- The user image in the navbar-->--}}
    {{--<img src="http://infyom.com/images/logo/blue_logo_150x150.jpg"--}}
    {{--class="user-image" alt="User Image"/>--}}
    {{--<!-- hidden-xs hides the username on small devices so only the image appears. -->--}}
    {{--<span class="hidden-xs">{!! Auth::guard('admin')->user()->name !!}</span>--}}
    {{--</a>--}}
    {{--<ul class="dropdown-menu">--}}
    {{--<!-- The user image in the menu -->--}}
    {{--<li class="user-header">--}}
    {{--<img src="http://infyom.com/images/logo/blue_logo_150x150.jpg"--}}
    {{--class="img-circle" alt="User Image"/>--}}
    {{--<p>--}}
    {{--{!! Auth::guard('admin')->user()->name !!}--}}
    {{--<small>Member since {!! Auth::guard('admin')->user()->created_at->format('M. Y') !!}</small>--}}
    {{--</p>--}}
    {{--</li>--}}
    {{--<!-- Menu Footer-->--}}
    {{--<li class="user-footer">--}}
    {{--<div class="pull-left">--}}
    {{--<a href="#" class="btn btn-default btn-flat">Profile</a>--}}
    {{--</div>--}}
    {{--<div class="pull-right">--}}
    {{--<a href="{!! url('/logout') !!}" class="btn btn-default btn-flat"--}}
    {{--onclick="event.preventDefault(); document.getElementById('logout-form').submit();">--}}
    {{--Sign out--}}
    {{--</a>--}}
    {{--<form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">--}}
    {{--{{ csrf_field() }}--}}
    {{--</form>--}}
    {{--</div>--}}
    {{--</li>--}}
    {{--</ul>--}}
    {{--</li>--}}
    {{--</ul>--}}
    {{--</div>--}}
    {{--</nav>--}}
    {{--</header>--}}

    <!-- Left side column. contains the logo and sidebar -->
    @include('layouts.sidebar')
    <!-- Content Wrapper. Contains page content -->
        <div class="content-wrapper">
            @yield('content')
        </div>

        <!-- Main Footer -->


    </div>
@else
    <nav class="navbar navbar-default navbar-static-top">
        <div class="container">
            <div class="navbar-header">

                <!-- Collapsed Hamburger -->
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#app-navbar-collapse">
                    <span class="sr-only">Toggle Navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <!-- Branding Image -->
                <a class="navbar-brand" href="{!! url('/') !!}">
                    你好菜
                </a>
            </div>

            <div class="collapse navbar-collapse" id="app-navbar-collapse">
                <!-- Left Side Of Navbar -->
                <ul class="nav navbar-nav">
                    <li><a href="{!! url('/home') !!}">Home</a></li>
                </ul>

                <!-- Right Side Of Navbar -->
                <ul class="nav navbar-nav navbar-right">
                    <!-- Authentication Links -->
                    <li><a href="{!! url('/login') !!}">Login</a></li>
                    <li><a href="{!! url('/register') !!}">Register</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <div id="page-content-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    @yield('content')
                </div>
            </div>
        </div>
    </div>
@endif

<!-- jQuery 3.1.1 -->
<script src="https://cdn.bootcss.com/echarts/4.0.4/echarts.min.js"></script>
<script src="{{ mix('js/app.js') }}"></script>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/select2/4.0.3/js/select2.min.js"></script>
<script src="https://cdn.bootcss.com/iCheck/1.0.2/icheck.min.js"></script>

<script src="https://cdn.bootcss.com/admin-lte/2.3.11/js/app.min.js"></script>
@yield('scripts')
</body>
</html>